<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="__STATIC__/index/dist/css/swiper.css">
    <link rel="stylesheet" href="__STATIC__/index/css/css/check_out .css">
</head>

<body>

<div class="msige">
    <p class="Competition">
        <span class="main_string">|</span>
        <span class="saishi">赛事</span>
    </p>
    <a href="#"><span class="even_more" onclick="match()">更多 》</span></a>
</div>
<!-- 滑动区域 -->
<div class="msige1">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-- 第一页 -->
            {if condition="$one neq null"}
            <div class="swiper-slide">
                {if condition="$one neq null"}
                <div class="page_lfet" onclick="see('{$one.id}','{$one.is_end}')">
                    <p class="today">
                        <span>{$one.guess_time}</span>
                    </p>
                    <p class="The_game_name">
                        <span>{$one.matcheName}</span>
                    </p>
                    <div class="national_team">
                        <div class="National_player">
                            <p class="img_lfet">
                                <img src="{$one.pic_a}" alt="">
                            </p>
                            {if condition="$one.is_end eq 1"}
                            <p class="number_lfet">
                                <span>30</span>
                            </p>
                            <p class="n_live_streaming">直播中</p>
                            <p class="number_right">
                                <span>30</span>
                            </p>
                            {else}
                            <p class="number_lfet">
                                <span>-</span>
                            </p>
                            <p class="n_live_streaming">竞猜中</p>
                            <p class="number_right">
                                <span>-</span>
                            </p>
                            {/if}
                            <p class="img_right">
                                <img src="{$one.pic_b}" alt="">
                            </p>
                        </div>
                    </div>
                    <div class="monicker">
                        <p class="national_team1">{$one.player_a_name}</p>
                        <p class="vacancy"></p>
                        <p class="national_team2">{$one.player_b_name}</p>
                    </div>
                </div>
                {/if}
                {if condition="$two neq null"}
                <div class="page_middle">

                </div>
                <div class="page_right" onclick="see('{$two.id}','{$two.is_end}')">
                    <p class="today">
                        <span>{$two.guess_time}</span>
                    </p>
                    <p class="The_game_name">
                        <span>{$two.matcheName}</span>
                    </p>
                    <div class="national_team">
                        <div class="National_player">
                            <p class="img_lfet">
                                <img src="{$two.pic_a}" alt="">
                            </p>
                            {if condition="$two.is_end eq 1"}
                            <p class="number_lfet">
                                <span>30</span>
                            </p>
                            <p class="n_live_streaming">直播中</p>
                            <p class="number_right">
                                <span>30</span>
                            </p>
                            {else}
                            <p class="number_lfet">
                                <span>-</span>
                            </p>
                            <p class="n_live_streaming">竞猜中</p>
                            <p class="number_right">
                                <span>-</span>
                            </p>
                            {/if}
                            <p class="img_right">
                                <img src="{$two.pic_b}" alt="">
                            </p>
                        </div>
                    </div>
                    <div class="monicker">
                        <p class="national_team1">{$two.player_a_name}</p>
                        <p class="vacancy"></p>
                        <p class="national_team2">{$two.player_b_name}</p>
                    </div>
                </div>
                {/if}
            </div>
            {/if}
            <!-- 第二页 -->
            {if condition="$three neq null"}
            <div class="swiper-slide">
                {if condition="$one neq null"}
                <div class="page_lfet" onclick="see('{$three.id}','{$three.is_end}')">
                    <p class="today">
                        <span>{$three.guess_time}</span>
                    </p>
                    <p class="The_game_name">
                        <span>{$three.matcheName}</span>
                    </p>
                    <div class="national_team">
                        <div class="National_player">
                            <p class="img_lfet">
                                <img src="{$three.pic_a}" alt="">
                            </p>
                            {if condition="$three.is_end eq 1"}
                            <p class="number_lfet">
                                <span>30</span>
                            </p>
                            <p class="n_live_streaming">直播中</p>
                            <p class="number_right">
                                <span>30</span>
                            </p>
                            {else}
                            <p class="number_lfet">
                                <span>-</span>
                            </p>
                            <p class="n_live_streaming">竞猜中</p>
                            <p class="number_right">
                                <span>-</span>
                            </p>
                            {/if}
                            <p class="img_right">
                                <img src="{$three.pic_b}" alt="">
                            </p>
                        </div>
                    </div>
                    <div class="monicker">
                        <p class="national_team1">{$three.player_a_name}</p>
                        <p class="vacancy"></p>
                        <p class="national_team2">{$three.player_b_name}</p>
                    </div>
                </div>
                {/if}
                {if condition="$four neq null"}
                <div class="page_middle">

                </div>
                <div class="page_right" onclick="see('{$four.id}','{$four.is_end}')">
                    <p class="today">
                        <span>{$four.guess_time}</span>
                    </p>
                    <p class="The_game_name">
                        <span>{$four.matcheName}</span>
                    </p>
                    <div class="national_team">
                        <div class="National_player">
                            <p class="img_lfet">
                                <img src="{$four.pic_a}" alt="">
                            </p>
                            {if condition="$two.is_end eq 1"}
                            <p class="number_lfet">
                                <span>30</span>
                            </p>
                            <p class="n_live_streaming">直播中</p>
                            <p class="number_right">
                                <span>30</span>
                            </p>
                            {else}
                            <p class="number_lfet">
                                <span>-</span>
                            </p>
                            <p class="n_live_streaming">竞猜中</p>
                            <p class="number_right">
                                <span>-</span>
                            </p>
                            {/if}
                            <p class="img_right">
                                <img src="{$four.pic_b}" alt="">
                            </p>
                        </div>
                    </div>
                    <div class="monicker">
                        <p class="national_team1">{$four.player_a_name}</p>
                        <p class="vacancy"></p>
                        <p class="national_team2">{$four.player_b_name}</p>
                    </div>
                </div>
                {/if}
            </div>
            {/if}
            <!-- 第三页 -->
            {if condition="$five neq null"}
            <div class="swiper-slide">
                {if condition="$five neq null"}
                <div class="page_lfet" onclick="see('{$five.id}','{$five.is_end}')">
                    <p class="today">
                        <span>{$five.guess_time}</span>
                    </p>
                    <p class="The_game_name">
                        <span>{$five.matcheName}</span>
                    </p>
                    <div class="national_team">
                        <div class="National_player">
                            <p class="img_lfet">
                                <img src="{$five.pic_a}" alt="">
                            </p>
                            {if condition="$five.is_end eq 1"}
                            <p class="number_lfet">
                                <span>30</span>
                            </p>
                            <p class="n_live_streaming">直播中</p>
                            <p class="number_right">
                                <span>30</span>
                            </p>
                            {else}
                            <p class="number_lfet">
                                <span>-</span>
                            </p>
                            <p class="n_live_streaming">竞猜中</p>
                            <p class="number_right">
                                <span>-</span>
                            </p>
                            {/if}
                            <p class="img_right">
                                <img src="{$five.pic_b}" alt="">
                            </p>
                        </div>
                    </div>
                    <div class="monicker">
                        <p class="national_team1">{$five.player_a_name}</p>
                        <p class="vacancy"></p>
                        <p class="national_team2">{$five.player_b_name}</p>
                    </div>
                </div>
                {/if}
                {if condition="$six neq null"}
                <div class="page_middle">

                </div>
                <div class="page_right" onclick="see('{$six.id}','{$six.is_end}')">
                    <p class="today">
                        <span>{$six.guess_time}</span>
                    </p>
                    <p class="The_game_name">
                        <span>{$six.matcheName}</span>
                    </p>
                    <div class="national_team">
                        <div class="National_player">
                            <p class="img_lfet">
                                <img src="{$six.pic_a}" alt="">
                            </p>
                            {if condition="$six.is_end eq 1"}
                            <p class="number_lfet">
                                <span>30</span>
                            </p>
                            <p class="n_live_streaming">直播中</p>
                            <p class="number_right">
                                <span>30</span>
                            </p>
                            {else}
                            <p class="number_lfet">
                                <span>-</span>
                            </p>
                            <p class="n_live_streaming">竞猜中</p>
                            <p class="number_right">
                                <span>-</span>
                            </p>
                            {/if}
                            <p class="img_right">
                                <img src="{$six.pic_b}" alt="">
                            </p>
                        </div>
                    </div>
                    <div class="monicker">
                        <p class="national_team1">{$six.player_a_name}</p>
                        <p class="vacancy"></p>
                        <p class="national_team2">{$six.player_b_name}</p>
                    </div>
                </div>
                {/if}
            </div>
            {/if}
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>
</body>
<script src="__STATIC__/index/jquery/jquery.min.js"></script>
<script src="__STATIC__/index/dist/js/swiper.min.js"></script>
<script>
    function match(){

        var pt = '{$pt}';
        if(pt == 1){
            android.match_list();
        }else{
            window.webkit.messageHandlers.lwdkit.postMessage({'action':'match_list'});
        }
    }
    function see(match_id,is_end) {
        // alert(match_id+is_end);
        var uid = '{$uid}';
        var pt = '{$pt}';
        if(uid == '0'){
            if(pt == 1){
                var id = '1';
                android.jump_login(id);
            }else{
                var id = '1';
                window.webkit.messageHandlers.lwdkit.postMessage({'action':'jump_login','id':id});
            }
        }else{
            if(pt == 1){
                android.guess_details(match_id,is_end);
            }else{
                window.webkit.messageHandlers.lwdkit.postMessage({'action':'guess_details','match_id':match_id,'is_end':is_end});
            }
        }
    }



    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal',
        //   loop:true, 
        // autoplay: 3000,//自动轮播 
        speed: 600,
        // 如果需要分页器 
        pagination: '.swiper-pagination',
        paginationType: 'custom',//这里分页器类型必须设置为custom,即采用用户自定义配置 
        //下面方法可以生成我们自定义的分页器到页面上 
        paginationCustomRender: function (swiper, current, total) {
            var customPaginationHtml = "";
            for (var i = 0; i < total; i++) {
                //判断哪个分页器此刻应该被激活 
                if (i == (current - 1)) {
                    customPaginationHtml += '<span class="swiper-pagination-customs swiper-pagination-customs-active"></span>';
                } else {
                    customPaginationHtml += '<span class="swiper-pagination-customs"></span>';
                }
            }
            return customPaginationHtml;
        }
    });

</script>

</html>